<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        /* Cubify */
        /* Background Lines */

        body {
            background: peachpuff;
        }
        .container {
            margin: 100px auto;
            width: 400px;
            height: 400px;
            perspective: 1000;
            transform-style: preserve-3d;
            transform: rotateY(45deg) rotateZ(45deg);
            -webkit-animation: whole-thing 20s linear infinite;
            animation: whole-thing 20s linear infinite;
        }
        .face {
            /* border: 1px solid rgba(0,0,0,0.1); */

            width: 400px;
            height: 400px;
            position: absolute;
            overflow: hidden;
        }
        .face:before {
            content: '';
            position: absolute;
            top: -22%;
            left: -22%;
            z-index: 10;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            opacity: 0.75;
            -webkit-animation: move-before 3s linear infinite alternate;
            animation: move-before 3s linear infinite alternate;
        }
        @-webkit-keyframes move-before {
            from {
                box-shadow: 400px 400px 200px #333, 400px 400px 200px #555, 400px 0px 200px #777, 0 400px 200px #999;
            }
            to {
                box-shadow: 400px 0px 200px goldenrod, 0px 400px 200px slateblue, 0px 400px 200px darkcyan, 0 0 200px darkslategray;
            }
        }
        .front {
            transform: rotateY(0) translateZ(200px);
        }
        .back {
            transform: rotateX(180deg) translateZ(200px);
        }
        .right {
            transform: rotateY(90deg) translateZ(200px);
        }
        .left {
            transform: rotateY(-90deg) translateZ(200px);
        }
        .top {
            transform: rotateX(90deg) translateZ(200px);
        }
        .bottom {
            /* Rotate Cube */

            transform: rotateX(-90deg) translateZ(200px);
        }
        @-webkit-keyframes whole-thing {
            from {
                transform: rotateY(45deg) rotateZ(45deg);
            }
            to {
                transform: rotateY(405deg) rotateZ(405deg);
            }
        }
        @keyframes whole-thing {
            from {
                transform: rotateY(45deg) rotateZ(45deg);
            }
            to {
                transform: rotateY(405deg) rotateZ(405deg);
            }
        }
        .line {
            position: absolute;
            z-index: -100;
            width: 100%;
            height: 1px;
            background: #666;
            transform: rotate(90deg);
            opacity: 0.1;
        }
        .line:nth-child(1) {
            left: -49%;
        }
        .line:nth-child(2) {
            left: -48%;
        }
        .line:nth-child(3) {
            left: -47%;
        }
        .line:nth-child(4) {
            left: -46%;
        }
        .line:nth-child(5) {
            left: -45%;
        }
        .line:nth-child(6) {
            left: -44%;
        }
        .line:nth-child(7) {
            left: -43%;
        }
        .line:nth-child(8) {
            left: -42%;
        }
        .line:nth-child(9) {
            left: -41%;
        }
        .line:nth-child(10) {
            left: -40%;
        }
        .line:nth-child(11) {
            left: -39%;
        }
        .line:nth-child(12) {
            left: -38%;
        }
        .line:nth-child(13) {
            left: -37%;
        }
        .line:nth-child(14) {
            left: -36%;
        }
        .line:nth-child(15) {
            left: -35%;
        }
        .line:nth-child(16) {
            left: -34%;
        }
        .line:nth-child(17) {
            left: -33%;
        }
        .line:nth-child(18) {
            left: -32%;
        }
        .line:nth-child(19) {
            left: -31%;
        }
        .line:nth-child(20) {
            left: -30%;
        }
        .line:nth-child(21) {
            left: -29%;
        }
        .line:nth-child(22) {
            left: -28%;
        }
        .line:nth-child(23) {
            left: -27%;
        }
        .line:nth-child(24) {
            left: -26%;
        }
        .line:nth-child(25) {
            left: -25%;
        }
        .line:nth-child(26) {
            left: -24%;
        }
        .line:nth-child(27) {
            left: -23%;
        }
        .line:nth-child(28) {
            left: -22%;
        }
        .line:nth-child(29) {
            left: -21%;
        }
        .line:nth-child(30) {
            left: -20%;
        }
        .line:nth-child(31) {
            left: -19%;
        }
        .line:nth-child(32) {
            left: -18%;
        }
        .line:nth-child(33) {
            left: -17%;
        }
        .line:nth-child(34) {
            left: -16%;
        }
        .line:nth-child(35) {
            left: -15%;
        }
        .line:nth-child(36) {
            left: -14%;
        }
        .line:nth-child(37) {
            left: -13%;
        }
        .line:nth-child(38) {
            left: -12%;
        }
        .line:nth-child(39) {
            left: -11%;
        }
        .line:nth-child(40) {
            left: -10%;
        }
        .line:nth-child(41) {
            left: -9%;
        }
        .line:nth-child(42) {
            left: -8%;
        }
        .line:nth-child(43) {
            left: -7%;
        }
        .line:nth-child(44) {
            left: -6%;
        }
        .line:nth-child(45) {
            left: -5%;
        }
        .line:nth-child(46) {
            left: -4%;
        }
        .line:nth-child(47) {
            left: -3%;
        }
        .line:nth-child(48) {
            left: -2%;
        }
        .line:nth-child(49) {
            left: -1%;
        }
        .line:nth-child(50) {
            left: 0%;
        }
        .line:nth-child(51) {
            left: 1%;
        }
        .line:nth-child(52) {
            left: 2%;
        }
        .line:nth-child(53) {
            left: 3%;
        }
        .line:nth-child(54) {
            left: 4%;
        }
        .line:nth-child(55) {
            left: 5%;
        }
        .line:nth-child(56) {
            left: 6%;
        }
        .line:nth-child(57) {
            left: 7%;
        }
        .line:nth-child(58) {
            left: 8%;
        }
        .line:nth-child(59) {
            left: 9%;
        }
        .line:nth-child(60) {
            left: 10%;
        }
        .line:nth-child(61) {
            left: 11%;
        }
        .line:nth-child(62) {
            left: 12%;
        }
        .line:nth-child(63) {
            left: 13%;
        }
        .line:nth-child(64) {
            left: 14%;
        }
        .line:nth-child(65) {
            left: 15%;
        }
        .line:nth-child(66) {
            left: 16%;
        }
        .line:nth-child(67) {
            left: 17%;
        }
        .line:nth-child(68) {
            left: 18%;
        }
        .line:nth-child(69) {
            left: 19%;
        }
        .line:nth-child(70) {
            left: 20%;
        }
        .line:nth-child(71) {
            left: 21%;
        }
        .line:nth-child(72) {
            left: 22%;
        }
        .line:nth-child(73) {
            left: 23%;
        }
        .line:nth-child(74) {
            left: 24%;
        }
        .line:nth-child(75) {
            left: 25%;
        }
        .line:nth-child(76) {
            left: 26%;
        }
        .line:nth-child(77) {
            left: 27%;
        }
        .line:nth-child(78) {
            left: 28%;
        }
        .line:nth-child(79) {
            left: 29%;
        }
        .line:nth-child(80) {
            left: 30%;
        }
        .line:nth-child(81) {
            left: 31%;
        }
        .line:nth-child(82) {
            left: 32%;
        }
        .line:nth-child(83) {
            left: 33%;
        }
        .line:nth-child(84) {
            left: 34%;
        }
        .line:nth-child(85) {
            left: 35%;
        }
        .line:nth-child(86) {
            left: 36%;
        }
        .line:nth-child(87) {
            left: 37%;
        }
        .line:nth-child(88) {
            left: 38%;
        }
        .line:nth-child(89) {
            left: 39%;
        }
        .line:nth-child(90) {
            left: 40%;
        }
        .line:nth-child(91) {
            left: 41%;
        }
        .line:nth-child(92) {
            left: 42%;
        }
        .line:nth-child(93) {
            left: 43%;
        }
        .line:nth-child(94) {
            left: 44%;
        }
        .line:nth-child(95) {
            left: 45%;
        }
        .line:nth-child(96) {
            left: 46%;
        }
        .line:nth-child(97) {
            left: 47%;
        }
        .line:nth-child(98) {
            left: 48%;
        }
        .line:nth-child(99) {
            left: 49%;
        }
        .line:nth-child(100) {
            left: 50%;
        }
        .line:nth-child(100) {
            transform: rotate(0deg);
            top: 0px;
        }
        .line:nth-child(101) {
            transform: rotate(0deg);
            top: 20px;
        }
        .line:nth-child(102) {
            transform: rotate(0deg);
            top: 40px;
        }
        .line:nth-child(103) {
            transform: rotate(0deg);
            top: 60px;
        }
        .line:nth-child(104) {
            transform: rotate(0deg);
            top: 80px;
        }
        .line:nth-child(105) {
            transform: rotate(0deg);
            top: 100px;
        }
        .line:nth-child(106) {
            transform: rotate(0deg);
            top: 120px;
        }
        .line:nth-child(107) {
            transform: rotate(0deg);
            top: 140px;
        }
        .line:nth-child(108) {
            transform: rotate(0deg);
            top: 160px;
        }
        .line:nth-child(109) {
            transform: rotate(0deg);
            top: 180px;
        }
        .line:nth-child(110) {
            transform: rotate(0deg);
            top: 200px;
        }
        .line:nth-child(111) {
            transform: rotate(0deg);
            top: 220px;
        }
        .line:nth-child(112) {
            transform: rotate(0deg);
            top: 240px;
        }
        .line:nth-child(113) {
            transform: rotate(0deg);
            top: 260px;
        }
        .line:nth-child(114) {
            transform: rotate(0deg);
            top: 280px;
        }
        .line:nth-child(115) {
            transform: rotate(0deg);
            top: 300px;
        }
        .line:nth-child(116) {
            transform: rotate(0deg);
            top: 320px;
        }
        .line:nth-child(117) {
            transform: rotate(0deg);
            top: 340px;
        }
        .line:nth-child(118) {
            transform: rotate(0deg);
            top: 360px;
        }
        .line:nth-child(119) {
            transform: rotate(0deg);
            top: 380px;
        }
        .line:nth-child(120) {
            transform: rotate(0deg);
            top: 400px;
        }
        .line:nth-child(121) {
            transform: rotate(0deg);
            top: 420px;
        }
        .line:nth-child(122) {
            transform: rotate(0deg);
            top: 440px;
        }
        .line:nth-child(123) {
            transform: rotate(0deg);
            top: 460px;
        }
        .line:nth-child(124) {
            transform: rotate(0deg);
            top: 480px;
        }
        .line:nth-child(125) {
            transform: rotate(0deg);
            top: 500px;
        }
        .line:nth-child(126) {
            transform: rotate(0deg);
            top: 520px;
        }
        .line:nth-child(127) {
            transform: rotate(0deg);
            top: 540px;
        }
        .line:nth-child(128) {
            transform: rotate(0deg);
            top: 560px;
        }
        .line:nth-child(129) {
            transform: rotate(0deg);
            top: 580px;
        }
        .line:nth-child(130) {
            transform: rotate(0deg);
            top: 600px;
        }
        .line:nth-child(131) {
            transform: rotate(0deg);
            top: 620px;
        }
        .line:nth-child(132) {
            transform: rotate(0deg);
            top: 640px;
        }
        .line:nth-child(133) {
            transform: rotate(0deg);
            top: 660px;
        }
        .line:nth-child(134) {
            transform: rotate(0deg);
            top: 680px;
        }
        .line:nth-child(135) {
            transform: rotate(0deg);
            top: 700px;
        }
        .line:nth-child(136) {
            transform: rotate(0deg);
            top: 720px;
        }
        .line:nth-child(137) {
            transform: rotate(0deg);
            top: 740px;
        }
        .line:nth-child(138) {
            transform: rotate(0deg);
            top: 760px;
        }
        .line:nth-child(139) {
            transform: rotate(0deg);
            top: 780px;
        }
        .line:nth-child(140) {
            transform: rotate(0deg);
            top: 800px;
        }
        .line:nth-child(141) {
            transform: rotate(0deg);
            top: 820px;
        }
        .line:nth-child(142) {
            transform: rotate(0deg);
            top: 840px;
        }
        .line:nth-child(143) {
            transform: rotate(0deg);
            top: 860px;
        }
        .line:nth-child(144) {
            transform: rotate(0deg);
            top: 880px;
        }
        .line:nth-child(145) {
            transform: rotate(0deg);
            top: 900px;
        }
        .line:nth-child(146) {
            transform: rotate(0deg);
            top: 920px;
        }
        .line:nth-child(147) {
            transform: rotate(0deg);
            top: 940px;
        }
        .line:nth-child(148) {
            transform: rotate(0deg);
            top: 960px;
        }
        .line:nth-child(149) {
            transform: rotate(0deg);
            top: 980px;
        }
        .line:nth-child(150) {
            transform: rotate(0deg);
            top: 1000px;
        }
        .line:nth-child(151) {
            transform: rotate(0deg);
            top: 1020px;
        }
        .line:nth-child(152) {
            transform: rotate(0deg);
            top: 1040px;
        }
        .line:nth-child(153) {
            transform: rotate(0deg);
            top: 1060px;
        }
        .line:nth-child(154) {
            transform: rotate(0deg);
            top: 1080px;
        }
        .line:nth-child(155) {
            transform: rotate(0deg);
            top: 1100px;
        }
        .line:nth-child(156) {
            transform: rotate(0deg);
            top: 1120px;
        }
        .line:nth-child(157) {
            transform: rotate(0deg);
            top: 1140px;
        }
        .line:nth-child(158) {
            transform: rotate(0deg);
            top: 1160px;
        }
        .line:nth-child(159) {
            transform: rotate(0deg);
            top: 1180px;
        }
        .line:nth-child(160) {
            transform: rotate(0deg);
            top: 1200px;
        }
        .line:nth-child(161) {
            transform: rotate(0deg);
            top: 1220px;
        }
        .line:nth-child(162) {
            transform: rotate(0deg);
            top: 1240px;
        }
        .line:nth-child(163) {
            transform: rotate(0deg);
            top: 1260px;
        }
        .line:nth-child(164) {
            transform: rotate(0deg);
            top: 1280px;
        }
        .line:nth-child(165) {
            transform: rotate(0deg);
            top: 1300px;
        }
        .line:nth-child(166) {
            transform: rotate(0deg);
            top: 1320px;
        }
        .line:nth-child(167) {
            transform: rotate(0deg);
            top: 1340px;
        }
        .line:nth-child(168) {
            transform: rotate(0deg);
            top: 1360px;
        }
        .line:nth-child(169) {
            transform: rotate(0deg);
            top: 1380px;
        }
        .line:nth-child(170) {
            transform: rotate(0deg);
            top: 1400px;
        }
        .line:nth-child(171) {
            transform: rotate(0deg);
            top: 1420px;
        }
        .line:nth-child(172) {
            transform: rotate(0deg);
            top: 1440px;
        }
        .line:nth-child(173) {
            transform: rotate(0deg);
            top: 1460px;
        }
        .line:nth-child(174) {
            transform: rotate(0deg);
            top: 1480px;
        }
        .line:nth-child(175) {
            transform: rotate(0deg);
            top: 1500px;
        }
        .line:nth-child(176) {
            transform: rotate(0deg);
            top: 1520px;
        }
        .line:nth-child(177) {
            transform: rotate(0deg);
            top: 1540px;
        }
        .line:nth-child(178) {
            transform: rotate(0deg);
            top: 1560px;
        }
        .line:nth-child(179) {
            transform: rotate(0deg);
            top: 1580px;
        }
        .line:nth-child(180) {
            transform: rotate(0deg);
            top: 1600px;
        }
        .line:nth-child(181) {
            transform: rotate(0deg);
            top: 1620px;
        }
        .line:nth-child(182) {
            transform: rotate(0deg);
            top: 1640px;
        }
        .line:nth-child(183) {
            transform: rotate(0deg);
            top: 1660px;
        }
        .line:nth-child(184) {
            transform: rotate(0deg);
            top: 1680px;
        }
        .line:nth-child(185) {
            transform: rotate(0deg);
            top: 1700px;
        }
        .line:nth-child(186) {
            transform: rotate(0deg);
            top: 1720px;
        }
        .line:nth-child(187) {
            transform: rotate(0deg);
            top: 1740px;
        }
        .line:nth-child(188) {
            transform: rotate(0deg);
            top: 1760px;
        }
        .line:nth-child(189) {
            transform: rotate(0deg);
            top: 1780px;
        }
        .line:nth-child(190) {
            transform: rotate(0deg);
            top: 1800px;
        }
        .line:nth-child(191) {
            transform: rotate(0deg);
            top: 1820px;
        }
        .line:nth-child(192) {
            transform: rotate(0deg);
            top: 1840px;
        }
        .line:nth-child(193) {
            transform: rotate(0deg);
            top: 1860px;
        }
        .line:nth-child(194) {
            transform: rotate(0deg);
            top: 1880px;
        }
        .line:nth-child(195) {
            transform: rotate(0deg);
            top: 1900px;
        }
        .line:nth-child(196) {
            transform: rotate(0deg);
            top: 1920px;
        }
        .line:nth-child(197) {
            transform: rotate(0deg);
            top: 1940px;
        }
        .line:nth-child(198) {
            transform: rotate(0deg);
            top: 1960px;
        }
        .line:nth-child(199) {
            transform: rotate(0deg);
            top: 1980px;
        }
        .line:nth-child(200) {
            transform: rotate(0deg);
            top: 2000px;
        }
        .line:nth-child(200) {
            transform: rotate(-45deg);
            left: -65%;
        }
        .line:nth-child(201) {
            transform: rotate(-45deg);
            left: -63.9%;
        }
        .line:nth-child(202) {
            transform: rotate(-45deg);
            left: -62.8%;
        }
        .line:nth-child(203) {
            transform: rotate(-45deg);
            left: -61.7%;
        }
        .line:nth-child(204) {
            transform: rotate(-45deg);
            left: -60.6%;
        }
        .line:nth-child(205) {
            transform: rotate(-45deg);
            left: -59.5%;
        }
        .line:nth-child(206) {
            transform: rotate(-45deg);
            left: -58.4%;
        }
        .line:nth-child(207) {
            transform: rotate(-45deg);
            left: -57.3%;
        }
        .line:nth-child(208) {
            transform: rotate(-45deg);
            left: -56.2%;
        }
        .line:nth-child(209) {
            transform: rotate(-45deg);
            left: -55.1%;
        }
        .line:nth-child(210) {
            transform: rotate(-45deg);
            left: -54%;
        }
        .line:nth-child(211) {
            transform: rotate(-45deg);
            left: -52.9%;
        }
        .line:nth-child(212) {
            transform: rotate(-45deg);
            left: -51.8%;
        }
        .line:nth-child(213) {
            transform: rotate(-45deg);
            left: -50.7%;
        }
        .line:nth-child(214) {
            transform: rotate(-45deg);
            left: -49.6%;
        }
        .line:nth-child(215) {
            transform: rotate(-45deg);
            left: -48.5%;
        }
        .line:nth-child(216) {
            transform: rotate(-45deg);
            left: -47.4%;
        }
        .line:nth-child(217) {
            transform: rotate(-45deg);
            left: -46.3%;
        }
        .line:nth-child(218) {
            transform: rotate(-45deg);
            left: -45.2%;
        }
        .line:nth-child(219) {
            transform: rotate(-45deg);
            left: -44.1%;
        }
        .line:nth-child(220) {
            transform: rotate(-45deg);
            left: -43%;
        }
        .line:nth-child(221) {
            transform: rotate(-45deg);
            left: -41.9%;
        }
        .line:nth-child(222) {
            transform: rotate(-45deg);
            left: -40.8%;
        }
        .line:nth-child(223) {
            transform: rotate(-45deg);
            left: -39.7%;
        }
        .line:nth-child(224) {
            transform: rotate(-45deg);
            left: -38.6%;
        }
        .line:nth-child(225) {
            transform: rotate(-45deg);
            left: -37.5%;
        }
        .line:nth-child(226) {
            transform: rotate(-45deg);
            left: -36.4%;
        }
        .line:nth-child(227) {
            transform: rotate(-45deg);
            left: -35.3%;
        }
        .line:nth-child(228) {
            transform: rotate(-45deg);
            left: -34.2%;
        }
        .line:nth-child(229) {
            transform: rotate(-45deg);
            left: -33.1%;
        }
        .line:nth-child(230) {
            transform: rotate(-45deg);
            left: -32%;
        }
        .line:nth-child(231) {
            transform: rotate(-45deg);
            left: -30.9%;
        }
        .line:nth-child(232) {
            transform: rotate(-45deg);
            left: -29.8%;
        }
        .line:nth-child(233) {
            transform: rotate(-45deg);
            left: -28.7%;
        }
        .line:nth-child(234) {
            transform: rotate(-45deg);
            left: -27.6%;
        }
        .line:nth-child(235) {
            transform: rotate(-45deg);
            left: -26.5%;
        }
        .line:nth-child(236) {
            transform: rotate(-45deg);
            left: -25.4%;
        }
        .line:nth-child(237) {
            transform: rotate(-45deg);
            left: -24.3%;
        }
        .line:nth-child(238) {
            transform: rotate(-45deg);
            left: -23.2%;
        }
        .line:nth-child(239) {
            transform: rotate(-45deg);
            left: -22.1%;
        }
        .line:nth-child(240) {
            transform: rotate(-45deg);
            left: -21%;
        }
        .line:nth-child(241) {
            transform: rotate(-45deg);
            left: -19.9%;
        }
        .line:nth-child(242) {
            transform: rotate(-45deg);
            left: -18.8%;
        }
        .line:nth-child(243) {
            transform: rotate(-45deg);
            left: -17.7%;
        }
        .line:nth-child(244) {
            transform: rotate(-45deg);
            left: -16.6%;
        }
        .line:nth-child(245) {
            transform: rotate(-45deg);
            left: -15.5%;
        }
        .line:nth-child(246) {
            transform: rotate(-45deg);
            left: -14.4%;
        }
        .line:nth-child(247) {
            transform: rotate(-45deg);
            left: -13.3%;
        }
        .line:nth-child(248) {
            transform: rotate(-45deg);
            left: -12.2%;
        }
        .line:nth-child(249) {
            transform: rotate(-45deg);
            left: -11.1%;
        }
        .line:nth-child(250) {
            transform: rotate(-45deg);
            left: -10%;
        }
        .line:nth-child(251) {
            transform: rotate(-45deg);
            left: -8.9%;
        }
        .line:nth-child(252) {
            transform: rotate(-45deg);
            left: -7.8%;
        }
        .line:nth-child(253) {
            transform: rotate(-45deg);
            left: -6.7%;
        }
        .line:nth-child(254) {
            transform: rotate(-45deg);
            left: -5.6%;
        }
        .line:nth-child(255) {
            transform: rotate(-45deg);
            left: -4.5%;
        }
        .line:nth-child(256) {
            transform: rotate(-45deg);
            left: -3.4%;
        }
        .line:nth-child(257) {
            transform: rotate(-45deg);
            left: -2.3%;
        }
        .line:nth-child(258) {
            transform: rotate(-45deg);
            left: -1.2%;
        }
        .line:nth-child(259) {
            transform: rotate(-45deg);
            left: -0.1%;
        }
        .line:nth-child(260) {
            transform: rotate(-45deg);
            left: 1%;
        }
        .line:nth-child(261) {
            transform: rotate(-45deg);
            left: 2.1%;
        }
        .line:nth-child(262) {
            transform: rotate(-45deg);
            left: 3.2%;
        }
        .line:nth-child(263) {
            transform: rotate(-45deg);
            left: 4.3%;
        }
        .line:nth-child(264) {
            transform: rotate(-45deg);
            left: 5.4%;
        }
        .line:nth-child(265) {
            transform: rotate(-45deg);
            left: 6.5%;
        }
        .line:nth-child(266) {
            transform: rotate(-45deg);
            left: 7.6%;
        }
        .line:nth-child(267) {
            transform: rotate(-45deg);
            left: 8.7%;
        }
        .line:nth-child(268) {
            transform: rotate(-45deg);
            left: 9.8%;
        }
        .line:nth-child(269) {
            transform: rotate(-45deg);
            left: 10.9%;
        }
        .line:nth-child(270) {
            transform: rotate(-45deg);
            left: 12%;
        }
        .line:nth-child(271) {
            transform: rotate(-45deg);
            left: 13.1%;
        }
        .line:nth-child(272) {
            transform: rotate(-45deg);
            left: 14.2%;
        }
        .line:nth-child(273) {
            transform: rotate(-45deg);
            left: 15.3%;
        }
        .line:nth-child(274) {
            transform: rotate(-45deg);
            left: 16.4%;
        }
        .line:nth-child(275) {
            transform: rotate(-45deg);
            left: 17.5%;
        }
        .line:nth-child(276) {
            transform: rotate(-45deg);
            left: 18.6%;
        }
        .line:nth-child(277) {
            transform: rotate(-45deg);
            left: 19.7%;
        }
        .line:nth-child(278) {
            transform: rotate(-45deg);
            left: 20.8%;
        }
        .line:nth-child(279) {
            transform: rotate(-45deg);
            left: 21.9%;
        }
        .line:nth-child(280) {
            transform: rotate(-45deg);
            left: 23%;
        }
        .line:nth-child(281) {
            transform: rotate(-45deg);
            left: 24.1%;
        }
        .line:nth-child(282) {
            transform: rotate(-45deg);
            left: 25.2%;
        }
        .line:nth-child(283) {
            transform: rotate(-45deg);
            left: 26.3%;
        }
        .line:nth-child(284) {
            transform: rotate(-45deg);
            left: 27.4%;
        }
        .line:nth-child(285) {
            transform: rotate(-45deg);
            left: 28.5%;
        }
        .line:nth-child(286) {
            transform: rotate(-45deg);
            left: 29.6%;
        }
        .line:nth-child(287) {
            transform: rotate(-45deg);
            left: 30.7%;
        }
        .line:nth-child(288) {
            transform: rotate(-45deg);
            left: 31.8%;
        }
        .line:nth-child(289) {
            transform: rotate(-45deg);
            left: 32.9%;
        }
        .line:nth-child(290) {
            transform: rotate(-45deg);
            left: 34%;
        }
        .line:nth-child(291) {
            transform: rotate(-45deg);
            left: 35.1%;
        }
        .line:nth-child(292) {
            transform: rotate(-45deg);
            left: 36.2%;
        }
        .line:nth-child(293) {
            transform: rotate(-45deg);
            left: 37.3%;
        }
        .line:nth-child(294) {
            transform: rotate(-45deg);
            left: 38.4%;
        }
        .line:nth-child(295) {
            transform: rotate(-45deg);
            left: 39.5%;
        }
        .line:nth-child(296) {
            transform: rotate(-45deg);
            left: 40.6%;
        }
        .line:nth-child(297) {
            transform: rotate(-45deg);
            left: 41.7%;
        }
        .line:nth-child(298) {
            transform: rotate(-45deg);
            left: 42.8%;
        }
        .line:nth-child(299) {
            transform: rotate(-45deg);
            left: 43.9%;
        }
        .line:nth-child(300) {
            transform: rotate(-45deg);
            left: 45%;
        }
        .line:nth-child(301) {
            transform: rotate(-45deg);
            left: 46.1%;
        }
        .line:nth-child(302) {
            transform: rotate(-45deg);
            left: 47.2%;
        }
        .line:nth-child(303) {
            transform: rotate(-45deg);
            left: 48.3%;
        }
        .line:nth-child(304) {
            transform: rotate(-45deg);
            left: 49.4%;
        }
        .line:nth-child(305) {
            transform: rotate(-45deg);
            left: 50.5%;
        }
        .line:nth-child(306) {
            transform: rotate(-45deg);
            left: 51.6%;
        }
        .line:nth-child(307) {
            transform: rotate(-45deg);
            left: 52.7%;
        }
        .line:nth-child(308) {
            transform: rotate(-45deg);
            left: 53.8%;
        }
        .line:nth-child(309) {
            transform: rotate(-45deg);
            left: 54.9%;
        }
        .line:nth-child(310) {
            transform: rotate(-45deg);
            left: 56%;
        }
        .line:nth-child(311) {
            transform: rotate(-45deg);
            left: 57.1%;
        }
        .line:nth-child(312) {
            transform: rotate(-45deg);
            left: 58.2%;
        }
        .line:nth-child(313) {
            transform: rotate(-45deg);
            left: 59.3%;
        }
        .line:nth-child(314) {
            transform: rotate(-45deg);
            left: 60.4%;
        }
        .line:nth-child(315) {
            transform: rotate(-45deg);
            left: 61.5%;
        }
        .line:nth-child(316) {
            transform: rotate(-45deg);
            left: 62.6%;
        }
        .line:nth-child(317) {
            transform: rotate(-45deg);
            left: 63.7%;
        }
        .line:nth-child(318) {
            transform: rotate(-45deg);
            left: 64.8%;
        }
        .line:nth-child(319) {
            transform: rotate(-45deg);
            left: 65.9%;
        }
        .line:nth-child(320) {
            transform: rotate(-45deg);
            left: 67%;
        }
        .line:nth-child(321) {
            transform: rotate(-45deg);
            left: 68.1%;
        }
        .line:nth-child(322) {
            transform: rotate(-45deg);
            left: 69.2%;
        }
        .line:nth-child(323) {
            transform: rotate(-45deg);
            left: 70.3%;
        }
        .line:nth-child(324) {
            transform: rotate(-45deg);
            left: 71.4%;
        }
        .line:nth-child(325) {
            transform: rotate(-45deg);
            left: 72.5%;
        }
        .line:nth-child(326) {
            transform: rotate(-45deg);
            left: 73.6%;
        }
        .line:nth-child(327) {
            transform: rotate(-45deg);
            left: 74.7%;
        }
        .line:nth-child(328) {
            transform: rotate(-45deg);
            left: 75.8%;
        }
        .line:nth-child(329) {
            transform: rotate(-45deg);
            left: 76.9%;
        }
        .line:nth-child(330) {
            transform: rotate(-45deg);
            left: 78%;
        }
        .line:nth-child(331) {
            transform: rotate(-45deg);
            left: 79.1%;
        }
        .line:nth-child(332) {
            transform: rotate(-45deg);
            left: 80.2%;
        }
        .line:nth-child(333) {
            transform: rotate(-45deg);
            left: 81.3%;
        }
        .line:nth-child(334) {
            transform: rotate(-45deg);
            left: 82.4%;
        }
        .line:nth-child(335) {
            transform: rotate(-45deg);
            left: 83.5%;
        }
        .line:nth-child(336) {
            transform: rotate(-45deg);
            left: 84.6%;
        }
        .line:nth-child(337) {
            transform: rotate(-45deg);
            left: 85.7%;
        }
        .line:nth-child(338) {
            transform: rotate(-45deg);
            left: 86.8%;
        }
        .line:nth-child(339) {
            transform: rotate(-45deg);
            left: 87.9%;
        }
        .line:nth-child(340) {
            transform: rotate(-45deg);
            left: 89%;
        }
        .line:nth-child(341) {
            transform: rotate(-45deg);
            left: 90.1%;
        }
        .line:nth-child(342) {
            transform: rotate(-45deg);
            left: 91.2%;
        }
        .line:nth-child(343) {
            transform: rotate(-45deg);
            left: 92.3%;
        }
        .line:nth-child(344) {
            transform: rotate(-45deg);
            left: 93.4%;
        }
        .line:nth-child(345) {
            transform: rotate(-45deg);
            left: 94.5%;
        }
        .line:nth-child(346) {
            transform: rotate(-45deg);
            left: 95.6%;
        }
        .line:nth-child(347) {
            transform: rotate(-45deg);
            left: 96.7%;
        }
        .line:nth-child(348) {
            transform: rotate(-45deg);
            left: 97.8%;
        }
        .line:nth-child(349) {
            transform: rotate(-45deg);
            left: 98.9%;
        }
        .line:nth-child(350) {
            transform: rotate(-45deg);
            left: 100%;
        }
    </style>
</head>
<body>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='line'></div>
<div class='container'>
    <div class='face front'></div>
    <div class='face back'></div>
    <div class='face left'></div>
    <div class='face right'></div>
    <div class='face top'></div>
    <div class='face bottom'></div>
</div>
</body>
</html>